/* 全局样式 */
body {
  background-color: #EDEDED;
}

/* 页首区域 */
nav {
  background-color: #FFFFFF;
  box-shadow: 0 4px 6px rgba(183, 183, 183, .16);
  height: 96px;
  line-height: 96px;
  text-align: center;
  font-family: '思源宋体';
  font-size: 48px;
  font-weight: bold;
}

nav a {
  color: #000;
  text-decoration: none;
}

nav a:hover {
  color: rgb(54, 54, 54);
}


/* 主体样式 */

.main {
  margin-top: 144px;
  padding-left: 0;
  padding-right: 0;
}

.cell {
  margin-bottom: 24px;
  /* margin-left: 12px;

  height: 400px;
  background-color: #fff;
  border: 1px #ccc solid; */
}



.logo {
  height: 352px;
  background-color: #2672B2;
  position: relative;
}

#bootstrap {
  background-color: #7952B3;
}

/* 元素在所在容器中水平和垂直居中 */
.logo img {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 80px;
  transform: translate(-50%, -50%);
}

.title {
  height: 48px;
  line-height: 48px;
  text-align: center;
}

.work {
  height: 400px;
  background-color: #fff;
  border: 1px #ccc solid;
  border-radius: 4px;
}

.cell a {
  color: #707070;
  text-decoration: none;

}

.work-title {
  text-align: center;
  height: 48px;
  line-height: 48px;
}

.work:hover {
  box-shadow: 2px 2px 4px #ccc;

}

.work:hover img {
  height: 100px;
  transition: 0.3s all ease-in-out;
}

.work:hover .work-title {
  font-weight: bold;
  /* color: #707070;
  transition: 0.3s all ease-in-out; */
}

.info-pic {
  width: 96px;
  height: 96px;
  background-color: #2672B2;
  border-radius: 96px;
}

.view {
  width: 80px;
  height: 40px;
  border: 2px solid #2672B2;
  border-radius: 2px;
  margin-left: 24px;
}

body>div.container.main>div>div.col-md-9.col-lg-10>.row {
  margin-bottom: 48px;
}

/* 右侧样式 */
body>div.container.main>div>div.col-md-9.col-lg-10 {
  border-right: 1px solid #D0D0D0;
}

body>div.container.main>div>div.col-md-3.col-lg-2>ul {
  list-style: none;
  line-height: 2;
  padding-left: 16px;
}

.right li::before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 16px;
  background-color: #2672B2;
  margin-right: 8px;
}

#css::before {
  background-color: #2465F1;
}

#bs::before {
  background-color: #7952b3;
}

.right a {
  color: #181818;
  text-decoration: none;
}

/* 页脚样式 */

.footer {
  border-top: 1px solid #707070;
  margin-top: 144px;
  padding-bottom: 36px;
  padding-top: 36px;
}

.contact {
  font-family: 思源雅黑;
  font-size: 12px;
  font-weight: light;
  text-align: center;
}
